<%@page contentType="text/html; charset=utf-8"%>
<%@taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<style>
.page .searchBar label{width:60px;}
</style>
<!-- 此处加action="employeeCtrl.ctrl"是为了条件查询时仍能显示排序图标 -->
<form id="pagerForm" method="post" action="colorList">
	<input type="hidden" name="pageNum" value="${pageNum}" />
	<input type="hidden" name="numPerPage" value="${numPerPage}" />
</form>
<div class="pageHeader">
	<form onsubmit="return navTabSearch(this);" rel="pagerForm" method="post" action="colorList">
		<div class="searchBar">
			<input type="hidden" name="numPerPage" value="${numPerPage}" />
			<input type="hidden" name="pageNum" value="${pageNum}" /> 
			<table class="searchContent">
				<tr>
					<td>
						<label>颜色名称:</label>
						<input type="text" name="colorName"  value="${colorName }" />
					</td>
					<td>
						<label>状 态: </label>
						<select name="dealFlag" class="combox">
							<option value="" ${dealFlag == "" ? "selected='selected'" : "" }>全部</option>
							<option value="0" ${dealFlag == "0" ? "selected='selected'" : "" }>正常</option>
							<option value="1" ${dealFlag == "1" ? "selected='selected'" : "" }>删除</option>
						</select>
					</td>
					<td>
						<div class="subBar">
							<ul>
								<li>
									<div class="buttonActive">
										<div class="buttonContent">
											<button type="submit">
												检索
											</button>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</td>
				</tr>
			</table>
		</div>
	</form>
</div>
<div class="pageContent">
	<div class="panelBar">
		<ul class="toolBar">
			<li>
				<a class="add" style="font-weight: bold;color:#4BBB13;" href="addColor?navTabId=addColor" width="385" height="230" target="dialog" mask="true" maxable="false" title="新增颜色信息"><span>新增</span>
				</a>
			</li>
			<li class="line">line</li>
			<li>
				<a class="edit" style="font-weight: bold;color:#6495ED;" href="editColor?colorId={sid_colorId}&navTabId=editColor"
					 target="dialog" mask="true" maxable="false"  width="385" height="230" rel="editBrand" title="编辑手机颜色信息"><span>编 辑</span>
				</a>
			</li>
			<li class="line">line</li>
			<li>
				<a class="delete" style="font-weight: bold;color:#C1272A;" href="delColor?colorId={sid_colorId}"
					target="ajaxTodo" title="确定要删除您所选中的手机颜色吗?"><span>删 除</span>
				</a>
			</li>
		</ul>
	</div>
	<table class="table" width="100%" layoutH="115">
		<thead>
			<tr>
				<th width="80" >
					序号
				</th>
				<th>
					颜色ID
				</th>
				<th>
					颜色名称
				</th>
				<th>
					创建时间
				</th>
				<th>
					创建时间
				</th>
				<th>
					备注
				</th>
				<th>
					状态
				</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach var="c" items="${colorList}" varStatus="status">
				<tr target="sid_colorId" rel="${c.id }">
				<td>${status.count }</td>
				<td>${c.id }</td>
				<td>${c.colourName }</td>
				<td>${c.insertTime }</td>
				<td>${c.modifyTime }</td>
				<td>${c.colourDesc }</td>
				<td>
				<c:choose>
					<c:when test="${c.dealFlag == 0 }">
						<a style="color:#006400; text-decoration: none;">正常</a>
					</c:when>
					<c:otherwise>
						<a style="color:#f00; text-decoration: none;">删除</a>
					</c:otherwise>
				</c:choose>
				</td>
				</tr>
			</c:forEach>
		</tbody>
	</table>
	<div class="panelBar">
		<div class="pages">
			<span>显示</span>
			<!-- pageNum:1是当更改numPerPage时，使pageNum=1重新开始，否则可能无数据 -->
			<select class="combox" name="numPerPage"
				onchange="navTabPageBreak({numPerPage:this.value, pageNum:1})">
				<option value="15" ${numPerPage==15?'selected':''}>
					15
				</option>
				<option value="20" ${numPerPage==20?'selected':''}>
					20
				</option>
				<option value="25" ${numPerPage==25?'selected':''}>
					25
				</option>
				<option value="50" ${numPerPage==50?'selected':''}>
					50
				</option>
				<option value="100" ${numPerPage==100?'selected':''}>
					100
				</option>
			</select>
			<span>条，共${totalCount }条 </span>
		</div>
		<div class="pagination" targetType="navTab" totalCount="${totalCount }" numPerPage="${numPerPage}" pageNumShown="5" currentPage="${pageNum }"></div>
	</div>
</div>
